/* ========================================================

Name : CHORD Kunci Gitar Dasar
Enhanched by: http://chorddasar.blogspot.com/
Date : Juli 2014

======================================================== */

/* Template Colors and Fonts

<Variable name="bgcolor" description="Page Background Color"
          type="color" default="#fff" value="#111111">
<Variable name="textcolor" description="Text Color"
          type="color" default="#333" value="#cccccc">
<Variable name="headercolor" description="Header Color"
          type="color" default="#666" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
          type="color" default="#c60" value="#bbbbbb">
<Variable name="bordercolor" description="Border Color"
          type="color" default="#ccc" value="#dddddd">
<Variable name="linkcolor" description="Link Color"
          type="color" default="#58a" value="#999999">
<Variable name="visitedlinkcolor" description="Visited Link Color"
          type="color" default="#999" value="#999999">
<Variable name="hoverlinkcolor" description="Hover Color"
          type="color" default="#999" value="#ffffff">

<Variable name="startSide" description="Side where text starts in blog language"
          type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
          type="automatic" default="right" value="right">

<Variable name="bodyfont" description="Text Font"
          type="font" default="normal normal 100% Georgia, serif" value="normal normal 15px 'Times New Roman', Times, Georgia, serif">

<Variable name="blogtitlefont" description="Blog Title Font"
          type="font" default="normal normal 200% Georgia, Serif" value="normal bold 200% 'Raleway', Sans-serif">

<Variable name="posttitlefont" description="Post Title Font"
          type="font" default="normal normal 160% Georgia, serif" value="normal bold 250% 'Raleway', Sans-serif">

<Variable name="widgettitlefont" description="Widget Title Font"
          type="font" default="normal normal 180% Georgia, serif" value="normal bold 180% 'Raleway', Sans-serif">

*/

#navbar-iframe {
     display: none;
     height: 0 !important;
     visibility: hidden;
     }

*{ margin: 0; padding: 0; }

body {
     margin: 0 auto;
     padding: 0;
     font: $bodyfont;
     line-height: 1.2;
     color: $textcolor;
     background: $bgcolor url(http://2.bp.blogspot.com/-dMtMfoAaQIA/U8Zht6yjGWI/AAAAAAAAAJY/VAOfBRRopYE/s1600/BODI+GAMBAR+GERAK+GIF+FOTO+ANIMASI.png);
   }

a:link {
     color: $linkcolor;
     text-decoration: none;
     }

a:visited {
     color: $visitedlinkcolor;
     text-decoration: none;
     }

a:focus { outline-style: none; }

a:hover {
     text-decoration: none;
     color: #red;
     }

img {
     border: 0;
     margin: 0;
     }

.clear { clear: both; }


/* headings
----------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }

	
/* main layouts
----------------------------------------------*/

#wrapper {
     position:relative;
     margin: 0 auto;
     padding: 0;
     }
	
#top-wrapper {
     margin: 0;
     padding: 0;
     background: url(http://2.bp.blogspot.com/-1ZsOnaqhSQE/U8avJIIXEXI/AAAAAAAAAMU/m-_y1YpgoMY/s1600/texture-top-bg.png);
     }

#main-wrapper {
     position: relative;
     padding: 0;
     margin: 0;
     overflow: hidden;
     }

#content {
     display: inline;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     padding: 0;
     overflow: hidden;
     }

.mask {
     width: 100%;
     margin: 0;
     padding: 0;
     border-top: 20px solid #2f2f2f;
     background: #222;
     }

.mask2 {
     width: 960px;
     margin: 0 auto;
     padding: 0;
     background: #222;
     }


/* header
----------------------------------------------*/

#header-wrapper {
      height: 90px;
      width: 960px;
      margin: 0 auto;
      padding: 10px 0;
      background: transparent;
      }

#header {
     float: $startSide;
     width: 300px;
     height: 90px;
     margin: 0;
     padding: 0 0 0 100px;
     background: url(http://2.bp.blogspot.com/-GMHL7RVCZ4E/U8o3yk1Nr7I/AAAAAAAAAR4/RO2_segF6vE/s320/riffk.png) no-repeat;
     }

#header h1.title {
     font: $blogtitlefont;
     }

#header h1.title, #header h1.title a {
     color: $headercolor;
     }

#header .titlewrapper {
     float: $startSide;
     width: 100%;
     margin: 20px 0 0;
     padding: 0;
     background: transparent;
     }

#header .descriptionwrapper {
     float: $startSide;
     width: 100%;
     margin: 0;
     padding: 0;
     font: normal normal 8px Helvetica, Arial, serif;
     background: transparent;
     }

#header img {
     margin: 0 auto;
     }


/* menu
----------------------------------------------*/

#menu {
     float: $endSide;
     width: 560px;
     height: 90px;
     line-height: 90px;
     background: transparent;
     }

#menu ul {
     margin: 10px 0 0;
     padding: 0;
     }

#menu ul li {
     list-style: none;
     display: inline;
     float: right;
     padding: 0 0 0 10px;
     }

#menu ul li a {
     font: normal 12px 'Oswald', serif;
     text-transform: uppercase;
     text-shadow: 0px 1px 2px #666;
     color: #fff;
     }


/* sharing buttons
----------------------------------------------*/

.post-button {
     position: relative;
     overflow: hidden;
     width: 960px;
     height: 70px;
     margin: 0 auto;
     padding: 0;
     }

.post-button span.yslide img {
     position: relative;
     top: -20px;
     float: $endSide;
     margin: 0 4px 10px 6px;
     }

.post-button img:hover {
     -moz-box-shadow: 0px 0px 4px #777;
     -webkit-box-shadow: 0px 0px 4px #777;
     box-shadow: 0px 0px 4px #777;
     }	


/* thumb posts
----------------------------------------------*/

.post-summary {
     float: $startSide;
     overflow: hidden;
     margin: 10px;
     width: 300px;
     height: 230px;
     }

.post-summary h2 {
     display: block;
     position: relative;
     height: 230px;
     margin: 0;
     padding: 0;
     }

.post-summary a.thumbview {
     display: block;
     position: relative;
     overflow: hidden;
     height: 230px;
     padding: 0;
     color: #333;
     line-height: 1.2;
     border: none;
     }

.post-summary a:hover { 
     text-decoration: none;
     }

.post-summary img {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 280px;
     height: 210px;
     z-index: 2;
     border: 10px solid $bordercolor;
     }

.post-summary span.preview {
     position: absolute;
     top: 230px;
     left: 0px;
     z-index: 3;
     width: 280px;
     height: 210px;
     border-right: 10px solid $bordercolor;
     border-bottom: 10px solid $bordercolor;
     border-left: 10px solid $bordercolor;
     background: url(http://3.bp.blogspot.com/-94oen-enR5U/Td-n0OEBlhI/AAAAAAAABbo/YlgVB-ObpRg/s1600/texture70-body-bg.png);
     }

.post-summary span.title {
     position: absolute;
     top: 0;
     left: 0;
     padding: 10px 20px;
     line-height: 1;
     }

.post-summary span.linkview {
     position: absolute;
     top: 100px;
     left: 65px;
     padding: 10px 20px;
     line-height: 1.2;
     }

.post-summary span.linkview a {
     color: #222;
     }

.post-summary span.tag {
     position: absolute;
     top: 165px;
     left: 0;
     padding: 0px 20px;
     font-size: 12px;
     color: $bordercolor;
     }

.post-summary span.tag a {
     margin: 0;
     padding: 0 0 0 5px;
     font-size: 12px;
     border: none;
     text-shadow: none;
     color: $bordercolor;
     background: transparent;
     }


/* normal posts
----------------------------------------------*/

.post {
     width: 960px;
     margin: 0 auto;
     padding: 0;
     }

.post h3.entry-title {
     margin: 0;
     padding: 0;
     font: $posttitlefont;
     line-height: 1.1;
     }

.post h3.entry-title a, .post h3.entry-title a:visited {
     text-decoration: none;
     color: $titlecolor;
     }

.post h3.entry-title strong, .post h3.entry-title a:hover {
     color: $hoverlinkcolor;
     }

.post ul, .post ol {
     margin: 0 0 1em 1em;
     }

.post ul li {
     padding: .3em 0 0;
     }

.post ol li {
     margin: 0 0 0 .3em;
     padding: .3em 0 0;
     }

.post-body {
     width: 940px;
     margin: 0 0 .75em;
     }

.post .post-body blockquote {
     margin: .3em 0;
     padding: 20px 0 10px 20px;
     font-style: italic;
     }

.post .post-body blockquote:before {
     padding: 0 .4em 0 0;
     content: url(http://2.bp.blogspot.com/-vx9wz0bGdf8/U8Zw4sDq5DI/AAAAAAAAAJ4/Zf9y1mGdPlY/s1600/quote-open.png);
     }

.post .post-body blockquote:after {
     padding: 0 0 0 .4em;
     content: url(http://2.bp.blogspot.com/-7HZrUuC3Kvg/U8Zw4aCGWgI/AAAAAAAAAJ0/rqaQ_vpWrKI/s1600/quote-close.png);
     }

.post-body img {
     float: center;
     width: 640px;
     height: auto;
     margin: 0 0 20px;
     border: 10px solid $bordercolor;
     }

.post-body a {
     border-bottom: 1px dotted #999;
     }

.post-body .separator a {
     border: none;
     }

.post-body .post-header {
     margin: 0 0 20px;
     }

.post-body .post-header a {
     border: none;
     }

.post-body .post-footer {
     margin: 1.5em 0;
     line-height: 1.4;
     }

.post-body .post-footer a {
     border: none;
     }

.post-labels a {
     margin: 0 0 0 2px;
     padding: 2px 10px;
     text-decoration:none;
     font-weight: bold;
     text-shadow: 0px 1px 2px #444;
     color: #fff;
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;	
     -moz-border-radius: 10px;
     border-radius: 10px;
     background-color: #000000;
     }
.post-labels a:hover {
background: orange;
}

/* misc
----------------------------------------------*/

.post table {
     margin: .7em 0;
     border: 1px solid #2f2f2f;
     }

.post table td, table th {
     padding: .3em .7em;
     text-align: center;
     border: 1px solid #2f2f2f;
     }

.post table th {
     text-transform: uppercase;
     font-weight: normal;
     background: #2a2a2a;
     }
.tr-caption-container img {
     border: none;
     padding: 0;
     }

.pagetitle {
     display: block;
     width: 960px;
     margin: 0 auto;
     text-align: center;
     }

.pager {
     width: 960px;
     margin: 0 auto;
     padding: 10px 0 0;
     }

#blog-pager {
     text-align: center;
     clear: both;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     }
#blog-pager a {
     padding: 0;
     font: normal bold 74px 'Oswald', serif;
     color: #2f2f2f;
     }

#blog-pager-older-link {
     float: $startSide;
     height: 72px;
     margin: 0;
     padding: 0;
     }

#blog-pager-newer-link {
     float: $endSide;
     height: 72px;
     margin: 0;
     padding: 0;
     }

.item-content {
     border-bottom: 5px solid #2d2d2d;
     padding: 0 0 10px;
     }

.item-thumbnail a img {
     width: 90px;
     height: auto;
     margin: 0 .5em 0 0;
     padding: 0;
     border: 5px solid #353535;
     }

.item-title a { font-weight: bold; }


/* comments
----------------------------------------------*/

#comments {
     width: 600px;
     padding: 0 360px 20px 0;
     margin: 0 auto;
     overflow: hidden;
     }

#comments h4 {
     display: block;
     margin: 20px 0 10px;
     padding: 0;
     font-family: 'Oswald', serif;
     font-size: 200%;
     color: #333;
     }

#comments a {
     border-bottom: 1px dotted #999;
     }

#comments a:hover {
     color: #fff;
     }

#comments-block {
     position: relative;
     margin: 10px 0;
     }

#comments-block dt.comment-author {
     margin: 10px 0 0;
     padding: 5px 0;
     font-size: .9em;
     }

#comments-block dt.comment-author a {
     border: none;
     }

#comments-block dd.comment-body {
     margin: 0 0 25px;
     padding: 0;
     }

#comments-block.avatar-comment-indent {
     position: relative;
     margin: 0;
     }

.deleted-comment {
    font-style: italic;
    color: #999;
    }

.feed-links {
    display: none;
    clear: both;
    }


/*footer 3 columns
----------------------------------------------*/

#footer-wrapper {
     margin: 0;
     padding: 0 0 20px;
     border-top: 20px solid #2f2f2f;
     background: #2b2b2b;
     }
	
#footer {
     width: 960px;
     margin: 0 auto;
     padding: 10px 0 0;
     line-height: 1.2;
     color: #777;
     background: transparent;
     }

#footer a {
     color: #777;
     }

#footer a:hover {
     color: $hoverlinkcolor;
     }

.footcol {
     float: $startSide;
     margin: 10px 0;
     padding: 0 10px 10px;
     }

.footcol h2 {
     margin: 0 0 20px -20px;
     padding: 0 0 10px 20px;
     font: $widgettitlefont;
     border-bottom: 8px solid #2b2b2b;
     }
	
.footcol ul, .footcol ol {
     margin: 0;
     }

.footcol ul li, .footcol ol li {
     list-style: none;
     padding: 0 0 .2em;
     }

#fcol1, #fcol2, #fcol3 {
     float: $startSide;
     width: 300px;
     }

#fcol1 .widget, #fcol2 .widget, #fcol3 .widget {
     margin: 0 0 20px;
     padding: 20px 15px 20px 20px;
     background: #2f2f2f;
     }


/* credit
----------------------------------------------*/
	
#credit-wrapper {
     margin: 0;
     background: #000000;
     }

#credit {
     width: 960px;
     height: 2em;
     margin: 0 auto;
     padding: 1em 0 0 0;
     color: $linkcolor;
     }

#credit span.cleft {
     float: $startSide;
     }

#credit span.cright {
     float: $endSide;
     }

#credit p {
     margin: 0;
     font: normal normal 13px Helvetica, Arial, serif;
     }

#credit a:hover {
     color: $linkcolor;
     }

#blog-pager, .pagenavi {
     clear: both;
     text-align: center;
     margin: 30px auto 15px;
}
.pagenavi .pages {
display: none;
}
#blog-pager a, .pagenavi span, .pagenavi a {
padding: 5px 10px;
text-decoration: none;
font-family: arial;
color: white;
margin: 2px;
background: black;
background-position: bottom;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
border-radius: 30px;
font-size: 20px;
}
#blog-pager a:hover, .pagenavi a:hover {
background: orange;
}
#blog-pager-older-link, #blog-pager-newer-link {
     float: none;
}
.pagenavi .current {
background: orange;
}
.tbi-tooltip {
 outline: none;
 cursor: help;
 position: relative;
 text-decoration: none;
 border-bottom: 1px dotted #000;
}

.tbi-tooltip span {
 margin-left: -999em;
 position: absolute;
 color: #000;
}

.tbi-tooltip:hover span {
 font-family: Trebuchet MS, Calibri, Tahoma, Geneva, sans-serif;
 position: absolute;
 left: 1em;
 top: 2em;
 z-index: 99;
 margin-left: 0;
 width: 30px;
height: 70px;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 0px 0px 9px #000000;
 -webkit-box-shadow: 0px 0px 9px #000000;
 box-shadow: 0px 0px 9px #000000;
}

.tbi-tooltip:hover img {
 border: 0;
 margin: -10px 0 0 -55px;
 float: left;
 position: absolute;
}

.tbi-tooltip:hover em {
 font-family: Candara, Tahoma, Geneva, sans-serif;
 font-size: 1.2em;
 font-weight: bold;
 display: block;
 padding: 0.2em 0 0.6em 0;
}

.custom {
 padding: 0.5em 0.8em 0.8em 2em;
}
.tbi-general {
 background: #EDEDED;
 background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1)));
 background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
 -webkit-box-shadow: 4px 4px 1px 1px #ccc;
 box-shadow: 4px 4px 1px 1px #ccc;
}

.tbi-critical {
 border: 1px solid #FF3334;
 background: #ffccaa;
 background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2NhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg0ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffccaa 0%, #ff8482 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffccaa), color-stop(100%,#ff8482));
 background: -webkit-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
 background: -o-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
 background: -ms-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
 background: linear-gradient(to bottom,  #ffccaa 0%,#ff8482 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffccaa', endColorstr='#ff8482',GradientType=0 );
}

.tbi-help {
 border: 1px solid #2BB0D7;
 background: #a9e4f7;
 background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a9e4f7 0%, #0fb4e7 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7));
 background: -webkit-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: -o-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: -ms-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: linear-gradient(to bottom,  #a9e4f7 0%,#0fb4e7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 );
}

.tbi-D {
 border: 1px solid #2BB0D7;
 background: url(http://1.bp.blogspot.com/--xIgoUVc7_w/U8pTlwXz8_I/AAAAAAAAATo/qhKrlVZdqjU/s320/d-chord.jpg);
}

.tbi-warning {
 border: 1px solid #FFAD33;
 background: #f1e767;
 background: url(data:image/svg+xml;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZTc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2JjNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f1e767 0%, #fcbc5d 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#fcbc5d));
 background: -webkit-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
 background: -o-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
 background: -ms-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
 background: linear-gradient(to bottom,  #f1e767 0%,#fcbc5d 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#fcbc5d',GradientType=0 );
}

